
@font-face {
    font-family: "Montserrat Light";
    src: url("../fonts/Montserrat Light.eot"); /* IE9 */
    src: url("../fonts/Montserrat Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Montserrat Light.woff") format("woff"), /* chrome、firefox */
    url("../fonts/Montserrat Light.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("../fonts/Montserrat Light.svg#uxfonteditor") format("svg"); /* iOS 4.1- */
}
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat.eot"); /* IE9 */
    src: url("../fonts/Montserrat.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Montserrat.woff") format("woff"), /* chrome、firefox */
    url("../fonts/Montserrat.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("../fonts/Montserrat.svg#uxfonteditor") format("svg"); /* iOS 4.1- */
}

@font-face {
    font-family: "Montserrat2";
    src: url("../fonts/Montserrat2.eot"); /* IE9 */
    src: url("../fonts/Montserrat2.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Montserrat2.woff") format("woff"), /* chrome、firefox */
    url("../fonts/Montserrat2.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("../fonts/Montserrat2.svg#uxfonteditor") format("svg"); /* iOS 4.1- */
}

html,body{
    height: 100%;
}

body{
    background-image: url("../img/bg.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 1.28rem 0.52rem 0 0.52rem;
}

h1{
    height: 1.57rem;
    text-align: center;
    color: white;
    font-family:Montserrat2 ;
    font-size: 0.46rem;
}

.f1{
    height: 1.2rem;
    border-bottom: 3px solid white;
    /*background:transparent;/!*背景透明*!/*/
    /*color: white;*/
    font-size: 0.26rem;
    /*font-family:Montserrat ;*/
    border-radius: 0;
    text-align: center;
    padding-top: 0.67rem;

}
.f1>input{
    width: 100%;
    height: 100%;
    background:transparent;/*背景透明*/
    text-align: center;
    color: white;
    /*font-size: 0.26rem;*/
    font-family:Montserrat Light ;
}

.f1>input::-webkit-input-placeholder{
    color: white;
}

.buttbox{
    height: 3.6rem;
    padding-top: 1.06rem;


}
.buttbox>button{
    width: 100%;
    height: 0.88rem;
    border-radius: 40px;
    text-align: center;
    font-size: 0.24rem;
    color: white;
    font-family: Montserrat;
    margin-bottom: 0.46rem;
    background: -webkit-linear-gradient(left, #0e80c1 4%,#0dcfff 100%);
    background: linear-gradient(to right, #0e80c1 4%,#0dcfff 100%);
   box-shadow: 0 8px 22px rgba(0,0,0,0.4);

}


.buttbox>button:active{
    transform: scale(0.9);
}
.buttbox i{
    font-size: 0.25rem;
    font-weight: bold;
}
.buttbox>p{
    color: white;
    font-size: 0.26rem;
    font-family: Montserrat;
    text-align: center;
}

.buttbox a{
    text-decoration:underline;
}
